<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="../assets/ico/favicon.png">

<title>Bienvenido a cadena de favores!</title>

<!-- Bootstrap core CSS -->
<link href="../dist/css/bootstrap.css" rel="stylesheet">

<!-- Custom styles for this template -->
<link href="../css/starter-template.css" rel="stylesheet">
<link href="../css/datepicker.css" rel="stylesheet">

<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
      <script src="../../assets/js/html5shiv.js"></script>
      <script src="../../assets/js/respond.min.js"></script>
    <![endif]-->
</head>

<body>

	<div class="navbar navbar-inverse navbar-fixed-top">
		<div class="container">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle" data-toggle="collapse"
					data-target=".navbar-collapse">
					<span class="icon-bar"></span> <span class="icon-bar"></span> <span
						class="icon-bar"></span>
				</button>
				<a class="navbar-brand" href="#">Cadena de Favores</a>
			</div>

		</div>
	</div>

	<div id="mainCon" class="container">

		<div class="starter-template">
			<h1>Un último paso para formar parte:</h1>
			<p class="lead">
				Debera rellenar estos campos que son obligatorios para usar la
				plataforma.<br>
			</p>
			<div class="well">
				<form name="OAuthForm" role="form" enctype="multipart/form-data">
					<input type="hidden" name="oauthid"
						value="<?php 
						$token=unserialize($_SESSION['TWITTER_ACCESS_TOKEN']); 
						echo $token->user_id; ?>"> 
						
						<input type="hidden" name="oauthname"
						value="<?php 
						$token=unserialize($_SESSION['TWITTER_ACCESS_TOKEN']); 
						echo $token->screen_name; ?>">

					<div class="form-group">

						<label for="file">Imagen:</label> <input type="file" name="file"
							id="file" onchange="checkImage(this);">
					</div>

					<!-- He quitado el check email de onblur ya que daba problemas -->
					<div id="emailDiv" class="form-group">
						<label for="email" class="control-label">Email*:</label> <input
							type="email" name="email" id="emailOA" class="form-control"
							placeholder="Introduce tu email">

					</div>

					<div class="form-group">

						<label for="fNacimiento">Fecha de nacimiento*:</label> <input
							id="datepicker" class="form-control" type="text"
							placeholder="Haz click aquí para desplegar el calendario"
							name="fNacimiento">
					</div>

					<div class="form-group">
						<label for="estudios">Estudios*:</label>
						<textarea name="estudios" class="form-control" rows="5"
							id="estudiosOA" placeholder="Escriba cuales son sus estudios"></textarea>
						<p class="help-block">Debe rellenar el campo al menos con 30
							caracteres</p>
					</div>

					<div class="form-group">
						<label for="datos">Datos de interes*:</label>
						<textarea class="form-control" rows="5" name="datos" id="datosOA"
							placeholder="Escriba sus datos de interés"></textarea>
						<p class="help-block">Debe rellenar el campo al menos con 30
							caracteres</p>
					</div>

					<div class="form-group">
						<button class="btn btn-lg btn-success centre"
							onclick="sendOAuthForm();">Enviar Datos</button>
					</div>
				</form>

			</div>
		</div>

	</div>
	<!-- /.container -->


	<!-- Bootstrap core JavaScript
    ================================================== -->
	<!-- Placed at the end of the document so the pages load faster -->
	<script src="../assets/js/jquery.js"></script>
	<script src="../js/bootstrap-datepicker.js"></script>
	<script src="../js/jScript.js"></script>
	<script src="../dist/js/bootstrap.min.js"></script>
	<script type="text/javascript">
	$('#datepicker').datepicker({
	    format: 'yyyy-mm-dd'
	});
	</script>
</body>
</html>
